import React from "react";
import styled from './CommonCard.module.less';

import { Divider } from "@arco-design/web-react";

export interface ICommonCard {
    id?: string;
    title: string;
    titleRight?:any;
    children?: any;
}

const CommonCard = (props: ICommonCard) => {

    const { id, title, titleRight,  children } = props;

    return (
        <div className={ styled['content'] } id={id!}>
            <div className={ styled['title'] }>
                { title }
                { titleRight || '' }
            </div>
            {/* <Divider style={{ margin: '0px' }}></Divider> */}
            <div className={ styled['children'] }>
                { children }
            </div>
        </div>
    )
}


export default CommonCard;